#bg{
    width: 100%;
    height: 100%;
    background: url('../imgs/src=http___up.enterdesk.com_edpic_8a_a1_05_8aa1050cb68bb6f4426130f48c8dea6a.jpg&refer=http___up.enterdesk.jpg')no-repeat center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    position: relative;
}
.pwd{
    width: 8rem;
    height: 4rem;
    font-size: 2rem;
    color: #ffff;
    text-align: center;
    line-height: 4rem;
    margin-top: 2rem;
    margin-left: 32rem;
    // font-weight: bold;
}
.title{
    width: 21rem;
    height: 4rem;
    font-size: 2.3rem;
    color: #ffff;
    font-weight: bold;
    text-align: center;
    line-height: 4rem;
    margin-left: 2rem;
}
.title-box{
    width: 25rem;
    height: 2.2rem;
    font-size: 1.3rem;
    color: #cccc;
    margin-left: 3rem;
}
.item{
    width: 35rem;
    height: 5rem;
    border-radius: 2.5rem;
    margin-left: 2rem;
    font-size: 1.5rem;
    text-indent: 2rem;
    color: #FFFF;
    background: rgba(255, 255, 255, .5);
    font-weight: bold;
}
.frame{
    margin-top: 1rem;
}
.iup{
    width: 21.3rem;
    height: 5rem;
    border-radius: 2.5rem;
    margin-left: 2rem;
    font-size: 1.5rem;
    text-indent: 2rem;
    color: #FFFF;
    background: rgba(255, 255, 255, .5);
    font-weight: bold;
}
.code{
    width: 12.3rem;
    height: 5rem;
    background: blueviolet;
    margin-left: 1.4rem;
    text-align: center;
}
.iup::placeholder{
    color: #ffff;
}

.plan{
    margin: auto;
}
.instantly{
    text-align: center;
    line-height: 5rem;
    color: #ffff;
    background: rgba(99, 255, 167, .6);
    cursor: pointer;
}
.item::placeholder{
    color: #fff;
}
.btn{
    margin-top: 3rem;
    width: 15rem;
    height: 3rem;
    margin-left: 25rem;
    display: flex;
}
.logo{
    width: 2.4rem;
    height: 2.4rem;
    font-size: 2.7rem;
    color: #fff;
    text-align: center;
    margin-left: 0.1rem;
}
.text{
    font-size: 1.6rem;
    color: #ffff;
    text-align: center;
    line-height: 2.4rem;
    margin-left: 1.1rem;
}
.msg{
    width: 100%;
    position: absolute;
    bottom: 10rem;
    font-size:2rem;
    color: #ffff;
    text-align: center;
}
.prompt{
    position: absolute;
    top: calc(50%-6rem);
    left:  calc(50%-10rem);
    width: 20rem;
    height: 20rem;
    background: rgba(0, 0, 0, .8);
    .gou{
        width: auto;
        height: 10rem;
        font-size: 3rem;
        color: #fff;
        line-height: 15rem;
        text-align: center;
    }
    .prompt-text{
        width: auto;
        height: 5rem;
        font-size: 1.6rem;
        color: #fff;
        line-height: 5rem;
        text-align: center;
    }
}